<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Excel数据比对工具</title>
    <link  href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="container-fluid">
  <div class="row-fluid">
    <div class="span12">
      <h3>
        Excel数据比对工具——Design By LiangTengLong
      </h3>
        <hr>
      <form>
        <fieldset>
          <legend>温馨提醒</legend>
          <label style="color: red">使用时请务必按照模板表格进行上传，要不然可以会出现一些奇奇妙妙的bug</label><br>
          <label style="color: red">首次使用请先根据填写模板先填写一天，第二天才能比对</label><br>
          <label style="color: red">比对时需要先将钉钉中导出的表格按照学号或者姓名之类的进行排序以保证两个Excel的顺序一致</label><br>
          <label style="color: red">有什么意见也是欢迎联系我的</label><br />
        </fieldset>
      </form>
      <br>
      <form  th:action="@{/template}" th:method="get" enctype="multipart/form-data">
        <fieldset>
          <legend>模板下载处：</legend>
          <a th:href="@{'/picture'}">点击这里查看图片模板</a><br><br>
          <button type="submit" class="btn">点击下载</button>
        </fieldset>
      </form>
      <br>
      <form  th:action="@{/excel}" th:method="post" enctype="multipart/form-data">
        <fieldset>
          <legend>文件上传处</legend>
          <label>需比对文件：</label><input type="file" name="file2" id="file2" /><br /><br />
          <label>被比对文件：</label><input type="file" name="file1" id="file1" /><br /><br />
          <button type="submit" class="btn">开始比对</button>
            <p style="color: red" th:text="${message}"></p>
        </fieldset>
      </form>
    </div>
  </div>
</body>
</html>